.footer{
    margin-top: 30px;
}
.header{
    border-bottom: 2px solid rgb(234, 10, 10);
}
.registarea{
    height: 522px;
    border: 1px solid #ccc;
    margin-top: 20px;
}
.registarea h3{
    height: 42px;
    border-bottom: 1px solid #ccc;
    background-color: rgb(237, 239, 237);
}
.registarea h3 .arealeft{
    float: left;
    line-height: 42px;
    font-size: 15px;
    margin-left: 20px;
    font-weight: 400;
    text-align: center;
}
.registarea h3 .arealeft a{
    display: block;
}
.registarea h3 .arealeft a:hover{
    border-bottom: 1px solid rgba(204, 18, 18, 0.867);
    background-color: rgb(227, 239, 227);
}
.registarea h3 .arearight{
    float: right;
    font-weight: 400;
    line-height: 42px;
    font-size: 15px;
    margin-right: 22px;
    text-align: center;
}
.registarea h3 .arearight p{
    float: right;
    font-weight: 700;
    line-height: 42px;
    font-size: 15px;
    color: rgb(199, 26, 48);
    text-align: center;
}
.registarea h3 .arearight p:hover{
    border-bottom: 2px solid rgba(178, 210, 38, 0.773);
}
.registarea .form{
    width: 600px;
    margin: 0 auto;
    background-color:transparent;
    margin-top: 50px;
}
.registarea .form ul li label{
    padding-right: 5px;
    display: inline-block;
    width: 88px;
    text-align: right;
}
.registarea .form ul li .inp{
    width: 242px;
    height: 37px;
    border: 1px solid #ccc;
    padding-left: 10px;
}
.registarea .form ul li span{
    margin-left: 15px;
}
.registarea .form ul .agree .a1{
    margin-left: 10px;
}
.registarea .form ul .agree .a1:hover{
    border-bottom: 1px solid red;
   
}
.registarea .form ul .agree{
    width: 260px;
    height: 15px;
    padding-left: 15px;
    margin-top: 35px;
    margin-left: 65px;
    line-height: 15px;
    text-align: center;
}
.registarea .form ul li .submit{
    width: 130px;
    height: 30px;
    background-color: blueviolet;
    margin-left: 120px;
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    font-weight: 400;
}
.registarea .form ul li .submit:hover{
    font-weight: 700;
    font-size: 15px;
}
.registarea .form ul li .submit:active{
    font-weight: 500;
    font-size: 12px;
}
.registarea .form ul li .error{
    color: red;
}
.registarea .form ul li{
    margin-bottom: 20px;
}
.registarea .form ul li .success{
    color:green;
}
.registarea .form ul li .error .error_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/ii.png) no-repeat center/cover;
    margin-bottom: 4px;
}
.registarea .form ul li .success .success_icon{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background: url(../images/success.png) no-repeat center/cover;
    margin-bottom: 4px;
}
.registarea .form ul .safe{
    padding-left: 38px;
}
.registarea .form ul .safe em{
    margin-left: 35px;
    font-weight: 700;
    padding: 0 14px;
    line-height: 17px;
    text-align: center;
    background-color: aquamarine;
}
.registarea .form ul .safe .w1{
    background-color: rgb(243, 29, 2);
}
.registarea .form ul .safe .w2{
    background-color: rgb(47, 165, 56);
}
.registarea .form ul .safe em:nth-child(n+3){
    background-color: rgb(255, 147, 0);
}
